<template>
  <div class="arrange">
    <el-row :gutter="14">
      <el-col :span="24">
        <div class="img-box">
          <pdf-js-iframe :style="{'height': '99.2%'}" :url="pdfSrc" :fileName="rowData.dh + '.pdf'"></pdf-js-iframe>
<!--          <iframe width="100%" height="99.2%" :src="pdfSrc"></iframe>-->
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>

import PdfJsIframe from '../../../../../../components/showPdf/pdfJsIframe'
export default {
  name: 'yuanwen',
  components: { PdfJsIframe },
  props: {
    pdfSrc: {
      type: String
    },
    rowData: {
      default: () => ({})
    }
  },
  data () {
    return {
      loading: false
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
  .arrange {
    padding: 10px 15px;
    height: 100%;
    background: #e7e7e7;

    .img-box {
      background: #fff;
      border-radius: 5px;
      height: calc(100vh - 75px);
      overflow-y: auto;
    }

    .content {
      height: calc(100vh - 75px);
      background: #fff;
      border-radius: 5px;

      .add-body {
        height: calc(100vh - 128px);
        overflow-y: auto;
        padding-top: 15px;

        ::v-deep .el-card__body {
          padding: 0 20px 0 0;
        }

        ::v-deep .el-form-item {
          margin-bottom: 20px;
        }

        .inline {
          display: flex;
          justify-content: space-between;
        }
      }

      .btn-box {
        text-align: right;
        padding: 10px 0px;
      }
    }
  }
</style>
